<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="./地心宇宙.css"/>
	</head>
	<body>
		<div class="universe">
		  <div class="orbit moon" style="--i: 0"></div>
		  <div class="orbit mercury" style="--i: 1"></div>
		  <div class="orbit venus" style="--i: 2"></div>
		  <div class="orbit sun" style="--i: 3"></div>
		  <div class="orbit mars" style="--i: 4"></div>
		  <div class="orbit jupiter" style="--i: 5"></div>
		  <div class="orbit saturn" style="--i: 6"></div>
		  <div class="orbit stars" style="--i: 7">
		    <div class="star" style="--j:0; --y:.1"></div>
		    <div class="star" style="--j:1; --y:.5"></div>
		    <div class="star" style="--j:2; --y:.2"></div>
		    <div class="star" style="--j:3; --y:.1"></div>
		    <div class="star" style="--j:4; --y:.6"></div>
		    <div class="star" style="--j:5; --y:.2"></div>
		    <div class="star" style="--j:6; --y:.9"></div>
		    <div class="star" style="--j:7; --y:.4"></div>
		    <div class="star" style="--j:8; --y:.3"></div>
		    <div class="star" style="--j:9; --y:.5"></div>
		    <div class="star" style="--j:10; --y:.3"></div>
		    <div class="star" style="--j:11; --y:.4"></div>
		    <div class="star" style="--j:12; --y:.7"></div>
		    <div class="star" style="--j:13; --y:.8"></div>
		    <div class="star" style="--j:14; --y:.1"></div>
		    <div class="star" style="--j:15; --y:.2"></div>
		    <div class="star" style="--j:16; --y:.9"></div>
		    <div class="star" style="--j:17; --y:.4"></div>
		    <div class="star" style="--j:18; --y:.3"></div>
		    <div class="star" style="--j:19; --y:.5"></div>
		    <div class="star" style="--j:20; --y:.9"></div>
		    <div class="star" style="--j:21; --y:.2"></div>
		    <div class="star" style="--j:22; --y:.6"></div>
		    <div class="star" style="--j:23; --y:.2"></div>
		    <div class="star" style="--j:24; --y:.8"></div>
		    <div class="star" style="--j:25; --y:.7"></div>
		    <div class="star" style="--j:26; --y:.1"></div>
		    <div class="star" style="--j:27; --y:.3"></div>
		    <div class="star" style="--j:28; --y:.4"></div>
		    <div class="star" style="--j:29; --y:.7"></div>
		    <div class="star" style="--j:30; --y:.8"></div>
		    <div class="star" style="--j:31; --y:.3"></div>
		    <div class="star" style="--j:32; --y:.4"></div>
		    <div class="star" style="--j:33; --y:.7"></div>
		    <div class="star" style="--j:34; --y:.8"></div>
		    <div class="star" style="--j:35; --y:.1"></div>
		    <div class="star" style="--j:36; --y:.2"></div>
		    <div class="star" style="--j:37; --y:.9"></div>
		    <div class="star" style="--j:38; --y:.4"></div>
		    <div class="star" style="--j:39; --y:.3"></div>
		    <div class="star" style="--j:40; --y:.2"></div>
		    <div class="star" style="--j:41; --y:.8"></div>
		    <div class="star" style="--j:42; --y:.7"></div>
		    <div class="star" style="--j:43; --y:.1"></div>
		  </div>
		  <div class="body-container earth">
		    <div class="human-lights"></div>
		  </div>
		  <div class="body-container moon">
		    <div class="crater crater-1"></div>
		    <div class="crater crater-2"></div>
		    <div class="crater crater-3"></div>
		    <div class="crater crater-4"></div>
		    <div class="crater crater-5"></div>
		    <div class="crater crater-6"></div>
		  </div>
		  <div class="body mercury"></div>
		  <div class="body venus"></div>
		  <div class="body sun"></div>
		  <div class="body-container mars">
		    <div class="ice-cap"></div>
		  </div>
		  <div class="body jupiter"></div>
		  <div class="body-container saturn">
		    <div class="ring-far a"></div>
		    <div class="ring-far b"></div>
		    <div class="shadow"></div>
		    <div class="body-copy"></div>
		  </div>
		</div>
	</body>
</html>